<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>detail page</title>
    <link rel="stylesheet" href="/static/css/editormd.css"/>
    <link rel="stylesheet" href="/static/css/my_detail.css"/>
    <link href="/static/css/element.css" rel="stylesheet">
    <link href="/static/css/base.css" rel="stylesheet">
    <link rel="icon" href="\static\images\mini_icon.png" sizes="20x20">
    <style>
        html,body {
            margin: 0;
            height: 100%;
        }
    </style>
</head>
<body style=" text-align:center">
<div id="app1" style="width: 70%; margin-left:auto;">
    <el-container style="height: 100%; min-width: 1000px; min-height: 600px; margin:-left:auto;">
        <el-header style="height: 50px; vertical-align: middle;">
            <el-page-header v-if="show_header==true" content="新增博文" style="height: 100%; vertical-align: middle; line-height: 50px;" @back="return_ref()">
            主页</el-page-header>

            <div v-if="show_header==false" content="Candy Mini Blog" style="height: 100%; vertical-align: middle; line-height: 50px; text-align:left;">
            {{ username }}
            </div>
        </el-header>
<!--        <br>-->
        <el-container style="height: 100%; margin-top: 10px">
            <el-aside width="300px" style="height: 100%;">

            </el-aside>
            <el-container style="height: 100%;">

<!--                <el-header>标题等信息</el-header>-->
<!--                <h3 style="height: 3%; margin: 0; text-align: center;">标题</h3>-->
<!--                    主要内容-->

<!--                </el-main>-->
                <el-footer style="height: 100%;">
                    <div style="width: 100%; height: 100%; margin-left:2%; margin-top:10px;">
                        <el-card class="box-card" style="width: 100%; margin-left: -15px;">

                            <div v-for="o in a" :key="o" class="text item" @click="add(o, o)" style="height: 40px; line-height: 35px; text-align: left; margin-bottom: 3px; border-bottom:1px solid #A9A9A9;">

                                <span>{{ o }}</span>
                                <el-divider direction="vertical" content-position="left" style="margin-right: 50px;"></el-divider>
                                <el-button-group>
                                    <el-button type="primary" icon="el-icon-edit" size="small"></el-button>
                                    <el-button type="primary" icon="el-icon-share" size="small"></el-button>
                                    <el-button type="primary" icon="el-icon-delete" size="small"></el-button>
                                </el-button-group>
                            </div>

                        </el-card>
                    </div>

                </el-footer>
            </el-container>
            <el-aside width="1px">
<!--                <el-container>-->
<!--                    <el-header>-->
<!--                        相关推荐-->
<!--                        <el-button type="info" icon="el-icon-refresh" circle :size="10" @click="show()"></el-button>-->
<!--                    </el-header>-->
<!--&lt;!&ndash;                    <el-main>推荐列表</el-main>&ndash;&gt;-->
<!--                    <el-main style="background-color:#C0C4CC">-->
<!--                        <el-card class="box-card" style="width: 110%; margin-left: -15px;">-->
<!--                            <div v-for="o in a" :key="o" class="text item" @click="add(o.aid)" style="height: 40px; line-height: 40px; text-align: left; margin-bottom: 3px;">-->
<!--                                {{ o.title }}-->
<!--                            </div>-->

<!--                        </el-card>-->
<!--                    </el-main>-->

<!--                </el-container>-->
            </el-aside>
        </el-container>
        <hr>
        <el-footer>Footer</el-footer>
    </el-container>
</div>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/vue.js"></script>
<!-- 引入组件库 -->
<script src="/static/js/element.js"></script>
<script src="/static/js/editormd.js"></script>
<script src="/static/lib/marked.min.js"></script>
<script src="/static/lib/prettify.min.js"></script>
<script src="/static/lib/raphael.min.js"></script>
<script src="/static/lib/underscore.min.js"></script>
<script src="/static/lib/sequence-diagram.min.js"></script>
<script src="/static/lib/flowchart.min.js"></script>
<script src="/static/lib/jquery.flowchart.min.js"></script>
<!--<script src="/static/js/my_detail.js"></script>-->
<script src="/static/js/new_my_blogs.js"></script>
<!--<script src="/static/js/dongtai.js"></script>-->
</body>
</html>